<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 导航菜单项目</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>关于我们</h1>
        </header>

        <nav class="navigation">
            <ul class="nav-menu">
                <li class="nav-item">
                    <a href="#" class="nav-link" data-menu="home">首页 <span class="arrow">▼</span></a>
                    <ul class="sub-menu" id="home-submenu">
                        <li><a href="index.html">网站首页</a></li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="news.html">最新消息</a></li>
                        <li><a href="todo.html">待办事项</a></li>
                    </ul>
                </li>
                
                <li class="nav-item">
                    <a href="#" class="nav-link" data-menu="products">产品中心 <span class="arrow">▼</span></a>
                    <ul class="sub-menu" id="products-submenu">
                        <li><a href="products-web.html">网站开发</a></li>
                        <li><a href="products-mobile.html">移动应用</a></li>
                        <li><a href="products-design.html">UI设计</a></li>
                        <li><a href="products-seo.html">SEO优化</a></li>
                    </ul>
                </li>
                
                <li class="nav-item">
                    <a href="#" class="nav-link" data-menu="services">服务支持 <span class="arrow">▼</span></a>
                    <ul class="sub-menu" id="services-submenu">
                        <li><a href="service-tech.html">技术支持</a></li>
                        <li><a href="service-training.html">培训服务</a></li>
                        <li><a href="service-maintenance.html">维护服务</a></li>
                    </ul>
                </li>
                
                <li class="nav-item">
                    <a href="#" class="nav-link" data-menu="company">公司信息 <span class="arrow">▼</span></a>
                    <ul class="sub-menu" id="company-submenu">
                        <li><a href="company-profile.html">公司简介</a></li>
                        <li><a href="company-team.html">团队介绍</a></li>
                        <li><a href="company-history.html">发展历程</a></li>
                        <li><a href="company-culture.html">企业文化</a></li>
                    </ul>
                </li>
                
                <li class="nav-item">
                    <a href="#" class="nav-link" data-menu="contact">联系我们 <span class="arrow">▼</span></a>
                    <ul class="sub-menu" id="contact-submenu">
                        <li><a href="contact-info.html">联系方式</a></li>
                        <li><a href="contact-form.html">在线留言</a></li>
                        <li><a href="contact-map.html">地图位置</a></li>
                    </ul>
                </li>
            </ul>
        </nav>

        <main class="main-content">
            <div class="page-content">
                <h2>关于我们</h2>
                <div class="content-section">
                    <p>我们是一家专业的技术服务公司，致力于为客户提供最优质的解决方案。</p>
                    
                    <h3>我们的使命</h3>
                    <p>通过创新的技术和专业的服务，帮助客户实现数字化转型，提升业务效率。</p>
                    
                    <h3>我们的愿景</h3>
                    <p>成为行业领先的技术服务提供商，为客户创造更大价值。</p>
                    
                    <h3>核心价值观</h3>
                    <ul class="value-list">
                        <li><strong>创新：</strong>持续创新，追求技术突破</li>
                        <li><strong>专业：</strong>专业团队，专业服务</li>
                        <li><strong>诚信：</strong>诚信经营，信誉至上</li>
                        <li><strong>合作：</strong>团队协作，共创未来</li>
                    </ul>
                </div>
                
                <div class="back-link">
                    <a href="index.html" class="btn-back">← 返回首页</a>
                </div>
            </div>
        </main>

        <footer>
            <p>&copy; 2024 导航菜单项目. 保留所有权利.</p>
        </footer>
    </div>

    <script src="script.js"></script>
</body>
</html> 